<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>

<style type="text/css">
	#id1{
		background-color: lightgrey;
		height: 630px;
		margin: 30px;
		padding: 30px;
		border: 1px solid grey;

	}	
	#id2{
		background-color: white;
		width:280px;
		height:150px;
		margin: 4px;
		padding: 5px;
		border: 1px solid gray;
	}
	#id3{
		background-color: lightgrey;
		width: 120px;
		height: 120px;
		margin: -49px 11px;
		padding: 3px;
		border: 1px solid gray;

	}
	#id4{
		background-color: white;
		border: 1px solid gray;
		height: 380px;
		width: 800px;
		margin:-167px 247px;
		padding: 10px;
		float: right;
	}
	#id5{
		background-color: white;
		border: 1px solid gray;
		height: 595px;
		width: 150px;
		margin:-235px 20px 0;
		padding: 15px 20px;
		float: right;
	}
</style>



<body>
	<div id="id1">
		<div id="id2">
			<pre style="text-align: right;font-size:150% "><strong>团队名称   </strong></pre>
			<div id="id3">
				<p style="text-align: center;">团队logo</p>
				<p style="text-align: center;">80*80</p>
			</div>
		</div>

		<div id="id4">
			<pre style="font-size: 100%"><strong>关于你们团队的介绍

可以给我们解释下团队名称的来历，或是分别介绍你们的团队成员。

（以下为示例）

百度Web前端技术学院简称IFE，是一个由百度人力资源校园招聘组百度EFE团队联合出品的面向在校大学生以及对前端技术有兴趣的前端在
线学习平台，我们希望能够借助百度大量优秀前端工程师以及丰富技术的前端知识积累，帮助人们更加有趣高效系统地学习Web前端技术。

2016春季版概述

eb前端技术。
			</strong></pre>
		</div>

		<div id="id5">
			<img src="1.jpg" width="148px" height="130px">
		    </br> </br>
			<img src="1.jpg" width="148px" height="130px">
			 </br> </br>
			<img src="1.jpg" width="148px" height="130px">
			 </br> </br>
			<img src="1.jpg" width="148px" height="130px">
		</div>
	</div>
</body>
</html>